<br/>
<%
	def appconfigs = request.appconfigs
	if(appconfigs.size() > 0) {
		def totalRows = appconfigs.size() + 1	
%>
<table class="table-2" width="50%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>	
	<td class="table-2-header table-2-cell" width="40px">&nbsp;</td>
	<td rowspan="${totalRows}">
		<table id="sortTable" width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
		<thead>	
			<tr class="table-2-header">
				<th class="table-2-cell" align="left">Id<img src="images/down.png"/></th>
				<th class="table-2-cell" align="left">Value<img src="images/down.png"/></th>
			</tr>
		</thead>
		<tbody>	
		<%
			def i = 0
			appconfigs.each { appconfig ->
				String s = i % 2 == 0 ? 'table-1-odd-row' : 'table-1-even-row'
				i++
		%>
			 <tr class="${s}">
				<td class="table-2-cell">
					<a class="table-2-link" href="appconfigEdit.groovy?appConfigKey=${appconfig.key.id}">${appconfig.id}</a>
				</td>
				<td class="table-2-cell"> ${appconfig.value}</td>
			 </tr>
		<% 
			}
		%>
	   </tbody>
		</table>
   	</td>
</tr>
<%
	for(int count = 1; count < totalRows; count++) {
	def s = count % 2 == 0 ? 'table-2-even-row' : 'table-2-odd-row'	
%>
<tr class="${s}">
	<td class="table-2-cell" align="center">${count}</td>
</tr>
<% 	} %>
</table>
<% } %>

<script type="text/javascript">
\$(document).ready(function() {
	\$("#sortTable").tablesorter();
});
</script>